<template>
  <master :title="title">
    <!-- <el-button type="success" style="position: absolute;top: 8.5%;right: 7%;" size="medium"
      @click="showDialog">出题</el-button> -->
    <el-button type="primary" @click="showDialog">生成题目</el-button>
    <listpage ref="listpage">
      <!-- <el-button type="primary" slot="btns">确 定</el-button> -->




    </listpage>

    <topic-dialog :visible="topicdialogVisible" @close="handleClose" @saveDraft="handleSaveDraft"
      @confirmPublish="handleConfirmPublish" @publishSuccess="handlePublishSuccess">
    </topic-dialog>

  </master>
</template>
<script type="text/javascript">
  (function (G) {
    var _this = null;
    G.vue({
      "usingComponents": {///引入组件
        "master": "/components/Master/Master",///母版组件
        "listpage": "/components/List/Page/Page",///通用列表组件
        "modal": "/components/Modal/Modal",
        "topic-dialog": "/components/TopicDialog/TopicDialog"
      },
      "enablePullDownRefresh": true
    }, G.modelList({///配置listpage组件
      modelName: 'sp_topic',///entity名称
      title: '题库列表',
      listPage(list, query) {///query为前一个页面传过来的参数
        let type = query.type
        list.getUrl = '/api/model/sp_topic?join=sp_course,sp_chapter';///列表请求API   ?join=sp_course
        if (query.type) list.getUrl += '&type=' + query.type
        list.searchKey = 'question'///搜索字段，来源于列表数据模型

        list.canCheck = false ///取消选中按钮 同时取消批量删除
        // list.canBack = true ///添加返回上一页按钮
        ///list.actions.add = false ///取消新增按钮
        ///list.actions.delet = undefined ///取消行删除按钮
        ///list.actions.edit = undefined ///取消行修改按钮
        // list.models = {/// 列表数据模型，默认使用后台返回对应的模型
        //   id:{
        //     label:'编号'
        //   }
        // }
        // list.addDataChange = function(item,i){///数据监听回掉
        //   if(item.isNew) {
        //     item.dis_push = true///此行去掉推送按钮
        //   }
        // }

      },
      modeleditquery(edit, event, query) {///编辑页面 edit对象，event事件，query前一个页面传过来的参数
        if (query.type) {
          edit.values.type = query.type
          edit.models.type.type = ''
        }

        // edit.models = {///编辑数据模型，默认使用后台返回的对应模型
        //   title:{
        //     label:'标题',
        //     type:'input'
        //   }
        // }
        ///edit.readOnly = true ///设置页面只读
        ///edit.meth = 'PUT' ///请求方式
        ///edit.url = '/api/model/article' ///请求地址
      }
    }, {
      data: {
        contentStyle: '',
        show: false,
        dialogVisible: false,
        topicdialogVisible: false
      },
      methods: {
        showDialog() {
          this.topicdialogVisible = true;
          console.log(this.topicdialogVisible)
        },
        handleClose() {
          this.topicdialogVisible = false;
        },
        handleSaveDraft(questions) {
          console.log('保存草稿', questions);
          // 实现保存草稿的逻辑
        },
        handleConfirmPublish(questions) {
          // 发布成功后刷新列表
          this.getList();
        },
        // 添加发布成功的处理方法
        handlePublishSuccess() {
          // 刷新题目列表
          this.getList();
        },
        // async
      },
      mounted: function (query) {
        _this = this
      }
    }));
  })(Y)

</script>
<style scoped>
.el-popup-parent--hidden {
  padding-right: 0 !important;
}
.el-dialog__body {
  padding: 0 !important;
}
</style>